<gm:page title="Test" authenticate="false" onload="init()">
  <div class="gm-app-header">
    <h1>Maps Mashup</h1>
  </div>
  
  
<script>
    var myMap;
    var sport;
    var nakupovani;
    var ubytovani;
    var restaurace;  

    function init() {
    myMap = google.mashups.getObjectById('map').getMap();
    sport = new GGeoXml("http://mashup.gisak.cz/sport.kml");
    nakupovani = new GGeoXml("http://mashup.gisak.cz/nakupovani.kml");
    ubytovani = new GGeoXml("http://mashup.gisak.cz/ubytovani.kml");
    restaurace = new GGeoXml("http://mashup.gisak.cz/Restaurace.kml");
    myMap.addOverlay(sport);
    myMap.addOverlay(nakupovani);
    myMap.addOverlay(ubytovani);
    myMap.addOverlay(restaurace);
    myMap.enableDoubleClickZoom();
    }
  

  function addKML(vrstva)
  {
    
    if (vrstva=="sport")
        myMap.addOverlay(sport)

    else if (vrstva=="nakupovani")
        myMap.addOverlay(nakupovani)
    else if (vrstva=="ubytovani")
      myMap.addOverlay(ubytovani)
    else if (vrstva=="restaurace");
      myMap.addOverlay(restaurace) 
  }
  
  function removeKML(vrstva)
  {
    
    if (vrstva=="sport"){
      myMap.removeOverlay(sport)}
    else if (vrstva=="nakupovani"){
      myMap.removeOverlay(nakupovani)}
    else if (vrstva=="ubytovani"){
      myMap.removeOverlay(ubytovani)}
    else if (vrstva=="restaurace"){
      myMap.removeOverlay(restaurace)}

  }
  
  function vrstva(nazev){
    switch (nazev) {
      case "sport": 
        if (document.vrstvy.sport.checked==true){
          addKML(nazev)
        }
        else {
          removeKML(nazev)
        }
      break;
      case "nakupovani":
        if (document.vrstvy.nakupovani.checked==true){
          addKML(nazev)
        }
        else {
          removeKML(nazev)
        }
        break;
      case "ubytovani":
        if (document.vrstvy.ubytovani.checked==true){
          addKML(nazev)
        }
        else {
          removeKML(nazev)
        }
        break;
      case "restaurace":
        if (document.vrstvy.restaurace.checked==true){
          addKML(nazev)
        }
        else {
          removeKML(nazev)
        }
        break;
      default:
        break;
    }
  }

</script>  
  
  <table width="100%"><tr>
  <td valign="top">
    <gm:map id="map" height="800px" width="800px" lat="49.833453" lng="18.163921" zoom="9" maptypes="true"/>
  </td>
  <td style="padding-right:10px; width:250px" valign="top">
    <form name="vrstvy">
    <input type="checkbox" name="sport" id="sport" checked="chedked"  onclick="vrstva('sport')"/>Sport<br/>
    <input type="checkbox" name="nakupovani" id="nakupovani" onclick="vrstva('nakupovani')" checked="checked"/>Nakupování<br/>
    <input type="checkbox" name="ubytovani" id="ubytovani" checked="chedked" onclick="vrstva('ubytovani')"/>Ubytování<br/>        
    <input type="checkbox" name="restaurace" id="restaurace" checked="chedked" onclick="vrstva('restaurace')"/>Restaurace<br/>    
     </form>
  </td>
              
  </tr></table>
    
    
  

</gm:page>